$directions: (
    't': 'top',
    'b': 'bottom',
    'l': 'left',
    'r': 'right',
);
$dimensions: (
    'p': 'padding',
    'm': 'margin',
);

@each $dim in $dimensions {
    @each $dir in $directions {
        @for $i from 1 through 6 {
            $size: $i * 5;

            .#{nth($dim,1)}-#{nth($dir,1)}-#{$size} {
                #{nth($dim,2)}-#{nth($dir,2)}: #{$size}px;
            }
        }
    }
}

$color333: #333333;
$color999: #999999;
$color666: #666666;
$color-blue: #b81b22; // 主色
$color-main: $color-blue; // 主色
$color-main-lighten: rgba($color-main, 0.05); // 主色偏淡
$color-main-darken: #c13130; // 主色偏深

$color-red: #b81b22; // 点缀
$color-split-line: #575e87; // 分割线
$color-split-line2: #d4d4d4; // 分割线2
$color-table-title: #333333; // 表格标题主色
$color-text: #181819; // 文字主色
$color-text-1: #999999; // 文字辅色
$color-text-2: #969cbe; // 文字辅助
$color-text-3: #606266; // 文字辅助2
$color-text-4: #cfcfcf; // 文字辅助4
$color-text-5: #666666; // 文字辅助5
$color-text-6: #e0e0e0; // 文字辅助6
$color-orange: #ff7c12; // 文字辅助7

$color-bg: #f6f6f6; // 背景
$color-bg-2: #ffcc00; // 按钮背景
$color-bg-3: #ffffff; // 纯色背景
$color-bg-4: #e3ecff; // 选择路由背景
$color-bg-5: #e5e5e5; // 下载按钮背景
$color-bg-6: #f8faff; // 报告详情卡片背景
$color-bg-7: #f2f4f6; // 按钮背景2
$color-bg-8: #f2f8ff; // 按钮背景3
$color-bg-9: #fafbfc; // 区域颜色背景
$color-border: #e5e7e9; // 边框
$color-disabled: #c5c8ce; // 失效
$color-step: #d9dfe9; // 步骤虚线
$color-step: #d9dfe9; // 步骤虚线
$color-icon: #acacac; // 图标颜色
$color-origin-blue: #20a0ff; // 超链接颜色
$color-blue-money: #0b0be8; // 财务金钱颜色
